<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>详细内容</title>
    <link href="${pageContext.request.contextPath}/style.css" rel="stylesheet" type="text/css">
    <meta name="${pageContext.request.contextPath}/author" content="张树明">
    <meta name="${pageContext.request.contextPath}/keywords" content="书店,叮叮书店,图书">
    <meta name="${pageContext.request.contextPath}/description" content="叮叮书店是一个销售书籍的网上书店。">
    <meta name="${pageContext.request.contextPath}/robots" content="index,follow">
</head>
<body>
<!--页眉-->
<div id="header-wrapper">
    <!--网站logo-->
    <header class="container">
        <div id="logo">
            <a href="${pageContext.request.contextPath}/showBookList"><h1>叮叮书店</h1></a>
        </div>
        <div id="search">
            <form action="index.html" method="get">
                <input type="search" placeholder="站内搜索"><input type="submit" value="搜索">
            </form>
        </div>
    </header>
    <!--导航菜单-->
    <div id="nav">
        <nav class="container">
            <ul>
                <li><a href="${pageContext.request.contextPath}/showBookList">首页</a></li><li>
                <a href="#">书籍分类</a>
                <ul>
                    <li><a href="#">编程语言</a></li><li>
                    <a href="#">数据库</a></li><li>
                    <a href="#">图形图像</a></li>
                </ul>
            </li><li>
                <a href="#">特刊降价</a></li><li>
                <a href="${pageContext.request.contextPath}//user/goUserCenter">个人中心</a></li><li>
                <a href="${pageContext.request.contextPath}/userLogin.jsp">用户登录</a></li>
            </ul>
            <div id="displaydate"></div>
            <div id="displaytime"></div>
            <div id="menu-logo">
                <a href="${pageContext.request.contextPath}/user/showShop?userId=${sessionScope.get("userId")}">购物车</a>
            </div>
        </nav>
    </div>
</div>
<!--内容-->
<div id="content-wrapper" class="container">
    <!--左边内容区-->
    <article>
        <!--面包屑导航-->
        <section class="crumb-nav">您现在的位置：<a href="${pageContext.request.contextPath}/showBookList">首页</a> &gt;&gt;详细内容</section>
        <section>
            <h2 class="bookname">${book.bookName}</h2>
           <%-- <section class="title-bar">
                <p>分享到：</p>
                <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
                <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
            </section>--%>
            <section class="infobook">
                <img src="${pageContext.request.contextPath}/image/${book.bookImage}" alt="">
                <div class="infobookt">
                    <h3>${book.bookName}</h3>
                    <ul>
                        <li>价格：${book.bookPrice}</li>
                        <li>库存：<strong>${book.bookNumbers}</strong></li>
                        <li>出版社：清华大学出版社</li>
                        <li>出版时间：2007-4-1</li>
                        <li>页数：661，字数：920000</li>
                        <li>纸张：胶版纸</li>
                        <li>ISBN：9787302146933</li>
                        <li>包装：平装</li>
                    </ul>
                    <div><a href="#" class="more">试读</a>&nbsp;<a href="${pageContext.request.contextPath}/user/shop?userId=${sessionScope.get("userId")}&bookId=${book.bookId}" class="cart">加入购物车</a></div>
                </div>
            </section>
            <section class="infobookc">
                <h3>内容简介</h3>
                <p>${book.bookDescribe}</p>
            </section>
        </section>
        <section class="context">
            <h5>相关阅读：</h5>
            <p>
                <span>上一篇：</span><a href="#">《JavaScript权威指南》</a>
                <span>下一篇：</span><a href="#">《HTML5+CSS3从入门到精通》</a>
            </p>
        </section>
    </article><!--右边边栏区--><aside>
    <!--广告区-->
    <section id="advert">
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad1.jpg" alt="广告"></a>
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad2.jpg" alt="广告"></a>
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad3.jpg" alt="广告"></a>
    </section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--畅销图书-->
    <section id="best-selling">
        <h2 id="title7">畅销图书</h2>
        <ul>
            <li><a class="selling" href="#">查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling1.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#">查令十字街
                            84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">分享经济 供给侧改革的新经济方案</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="分享经济 供给侧改革的新经济方案" href="#">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling2.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="分享经济 供给侧改革的新经济方案" href="#">分享经济 供给侧改革的新经济方案</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--图书分类-->
    <section class="aside-section">
        <h2 id="title4">图书分类</h2>
        <ul>
            <li><a href="#">编程语言</a></li>
            <li><a href="#">数据库</a></li>
            <li><a href="#">图形图像</a></li>
            <li><a href="#">网页制作</a></li>
            <li><a href="#">考试认证</a></li>
        </ul>
    </section><!--合作伙伴--><section class="aside-section">
    <h2 id="title5">合作伙伴</h2>
    <ul>
        <li><a href="#">中国电子商务研究中心</a></li>
        <li><a href="#">清华大学出版社</a></li>
        <li><a href="#">中国人民大学出版社</a></li>
        <li><a href="#">中国社会科学出版社</a></li>
    </ul>
</section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--关于书店-->
    <section class="about">
        <h2 id="title6">关于书店</h2>
        <img src="${pageContext.request.contextPath}/images/about.gif" alt="叮叮书店"><p>益书是由于对于现在的二手书籍，资料等资源浪费情况严重，而许多同学又有购买二手书籍，等级考研等考试资料的一个需求，所以需要有一个这样的项目，对资源最大化的利用起来，也极大的满足同学们的一个需求。</p>
    </section>
</aside>
</div>
<!--页脚-->
<div id="footer-wrapper">
    <!--页脚导航-->
    <footer class="container">
        <section>
            <a href="${pageContext.request.contextPath}/showBookList">首页</a> <a href="#">关于我们</a> <a href="#">服务条款</a> <a href="#">隐私
            策略</a> <a href="#">联系我们</a>
        </section>
    </footer>
</div>
<!--版权标志-->
<section id="copyright" class="container">
    Copyright (C) <a href="#">益书</a> 2016-2018, All Rights Reserved
    <address>通讯地址：四川旅游学院 读者服务部&nbsp;&nbsp;电话：（010）62781733&nbsp;&nbsp;网管信箱：netadmin@tup.tsinghua.edu.cn</address>
</section>
</body>
</html>

